// pages/login/login.js
import request from '../../utils/request'
Page({
  // 手机号码和密码的文本框的input事件的回调函数
  handlerInput(event){
    //type --- 是标识,要么是phone,要么是password
    const type = event.currentTarget.id
    //value 是对应标识的数据 
    const value =event.detail.value
    // console.log(type,value);
    
    // 更新数据
    this.setData({
      [type]:value
    })
  },

  // 登录按钮的回调
  async login(){
    const {phone,password} = this.data
    // 手机号是否为空
    if(!phone){
      wx.showToast({
        title:'手机号不能为空',
        icon:'none'
      })
      return
    }
    // 手机号格式是否正确
    if(!/^\d{11}$/.test(phone)){
      wx.showToast({
        title:'手机号不合法',
        icon:'none'
      })
      return
    }
    // 密码是否为空
    if(!password){
      wx.showToast({
        title:'密码不能为空',
        icon:'none'
      })
      return
    }
    // 调用接口发送请求
    const result = await request('/login/cellphone',{phone,password,isLogin:true})
    // 判断请求后的响应的数据是否成功
    if (result.code === 200) {
      // 请求成功
      wx.showToast({
        title:'登录成功',
        icon:'none'
      })

      const userInfo = result.profile
      // 存储数据
      wx.setStorageSync('userInfo',JSON.stringify(userInfo))
      // 路由跳转
      // wx.navigateTo({
      //   url:"/pages/personal/personal"
      // })//不能跳转到navtab页面
      wx.reLaunch({
        url:"/pages/personal/personal"
      })
      // console.log(result);
    }else if (result.code === 400) {
      // 手机号错误
      wx.showToast({
        title:'手机号错误',
        icon:'none'
      })
    }else if (result.code === 502) {
      // 密码错误
      wx.showToast({
        title:'密码错误',
        icon:'none'
      })
    }else if (result.code === 501) {
      // 手机号码不存在
      wx.showToast({
        title:'手机号码不存在',
        icon:'none'
      })
    }else{
      wx.showToast({
        // 其他错误
        title:'其他错误',
        icon:'none'
      })
    }

  },

  /**
   * 页面的初始数据
   */
  data: {
    phone:'17777791207',//手机号码
    password:'wsh13546385011'//密码
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})